<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../common/public_header_main.jsp"%>

<link href="${ctx_static }/home/financeCenter/css/yingshou.css" rel="stylesheet">

<div class="row">
	<div class="col-lg-12 col-sm-12 col-xs-12">
		<div class="widget">
			<div class="widget-header">
				<div class="widget-buttons">
					<a href="#" data-toggle="collapse">
						<i class="fa fa-minus"></i>
					</a>
					<a href="#" data-toggle="dispose">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<!--Widget Buttons-->
			</div>
			<!--Widget Header-->
			<div class="widget-body">
				<div class="widget-main">
					<div class="row row_padding form-horizontal">
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="col-md-3 col-sm-2 col-xs-12">
								<div class="form-group">
									<select class="form-control" id="searchTimeType">
										<option value="2">补费日期</option>
										<option value="1">报名日期</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label no-padding-right pull-left margin-left-10">日期</label>
								<div class="col-md-7 col-sm-9">
									<div class="controls">
										<div class="input-group date">
											<input type="text" class="form-control date_time" placeholder="请选择日期" id="reservation"><span class="input-group-addon"><i class="fa fa-calendar"></i></span>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-md-5 col-sm-6 col-xs-12">
							<div class="form-group col-md-9 col-sm-8 no-margin-right">
								<input class="form-control" placeholder="分校/课程/级别/报名表/姓名" type="text" onkeydown="search()" id="searchVal">
							</div>
							<div class="form-group col-md-3 col-sm-4">
								<button type="button" class="btn btn-blue form-control search-btn" onclick="toSearch()">搜索
                                                  </button>
							</div>
						</div>
						<div class="col-md-1 col-sm-1 col-xs-6 btn-group ">
							<div class="btn-group pull-right">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">导出
                                                      <i class="fa fa-angle-up"></i>
                                                  </button>
								<ul class="dropdown-menu" role="menu">
									<li><a target="download" href="${ctx }/financeGeneral/downloadPDF">保存PDF</a></li>
									<li><a href="${ctx }/financeGeneral/downloadExcel">导出EXCEL</a></li>
									<li><a href="${ctx }/financeGeneral/downloadCSV">导出CSV</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="dataTables_wrapper form-inline no-footer">
						<table class="table table-striped table-hover table-bordered dataTable no-footer" id="init">
							<thead>
								<tr role="row">
									<th>报名日期</th>
									<th>补费日期</th>
									<th>报名表编号</th>
									<th>姓名</th>
									<th>项目</th>
									<th>级别</th>
									<th>应缴合计</th>
									<th>实缴合计</th>
									<th>待收合计</th>
									<th>待收培训费</th>
									<th>待收考试费</th>
									<th>待收教材费</th>
									<th>待收资料费</th>
									<th>待收服务费</th>
									<th>待收协议费</th>
									<th>学员状态</th>
									<th>操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!---查看--->
<div class="modal fade bs-example-modal-lg in" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="false" data-backdrop="static" id="checkModal">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<span class="widget-caption">应收款查看</span>
					</div>
					<div class="modal-body  form-horizontal modal_padding">
						<table class="table table_border text-center">
							<tbody>
								<tr>
									<td>咨询分校：<span id="departmentName1"></span></td>
									<td>品牌：<span id="brandName"></span></td>
									<td>咨询者类型：<span id="studentAttrName2"></span></td>
									<td>媒体来源：<span id="studentAttrName1"></span></td>
									<td>客户成熟度：<span></span></td>
								</tr>
							</tbody>
						</table>
						<form method="" class="form-horizontal" style="padding:0 20px">
							<div class="col-lg-12 col-sm-12 col-xs-12">
								<div class="well with-header">
									<div class="header bordered-blue">
										<div style="float:left">
											<b>学员-个人信息</b>
										</div>
										<div style="float:right">
											<!--<a href="javascript:void(0);" class="btn btn-info btn-xs btn_special_edit"><i
                                            class="fa fa-edit"></i> 编辑</a>-->
											<span class="collapse-btn"><i class="fa fa-angle-down"></i></span>
										</div>
									</div>
									<div class="row form-group-margin gt_content">
										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-lg-3 col-sm-3 control-label no-padding-right">姓名：</label>
											<div class="col-sm-9 col-lg-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="studentName">
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">性别：</label>
											<div class="col-sm-9">
												<select class="form-control comment_disabled" disabled="disabled" id="studentSex">
													<option value="1">男</option>
													<option value="0">女</option>
												</select>
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">年龄：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="age">
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">手机：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="studentPhone">
											</div>
										</div>
										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">邮箱：</label>
											<div class="col-sm-9">
												<input type="email" class="form-control comment_disabled" disabled="disabled" id="email">
											</div>
										</div>
										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right no-padding-left">所在地：</label>
											<div class="col-sm-9">
												<!-- <select class="form-control comment_disabled" disabled="disabled">
													<option value="0">北京</option>
													<option value="1">天津</option>
													<option value="0">上海</option>
													<option value="1">山西</option>
												</select> -->
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="examRegion">
											</div>
										</div>
										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">微信：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="weChat">
											</div>
										</div>
										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">QQ：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="tengXun">
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-5 control-label no-padding-right no-padding-left" style="margin-left:-41px">其他联系方式：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="ortherPhone">
											</div>
										</div>

										<div class="form-group col-lg-10 col-md-12 col-sm-12">
											<label style="margin-left: -48px !important;" class="col-sm-2 control-label no-padding-right">通讯地址：</label>
											<div class="col-sm-9">
												<input class="form-control comment_disabled" type="text" disabled="disabled" id="phoneAddress">
											</div>
										</div>

										<div class="form-group col-lg-10 col-md-12 col-sm-12">
											<label style="margin-left: -48px !important;" class="col-sm-2 control-label no-padding-right">工作单位：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="workSpace">
											</div>
										</div>
									</div>
								</div>

								<div class="well with-header">
									<div class="header bordered-blue">
										<div style="float:left">
											<b>课程信息</b>
										</div>
										<div style="float:right">
											<span class="collapse-btn"><i class="fa fa-angle-down"></i></span>
										</div>
									</div>
									<div class="row form-group-margin">
										<!-- <div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">类型：</label>
											<div class="col-sm-9">
												<select class="form-control comment_disabled" disabled="disabled">
													<option value="0">1</option>
													<option value="1">2</option>
													<option value="2">3</option>
													<option value="3">4</option>
												</select>
											</div>
										</div> -->

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">项目：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="projectName">
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">级别：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="projectLevelName">
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">考期：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="kTime">
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">班型：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="classAttr">
											</div>
										</div>

										<div class="form-group col-lg-4 col-md-4 col-sm-6">
											<label class="col-sm-3 control-label no-padding-right">价格：</label>
											<div class="col-sm-9">
												<input type="text" class="form-control comment_disabled" disabled="disabled" id="classPrice">
											</div>
										</div>
									</div>
								</div>

								<div class="well with-header">
									<div class="header bordered-blue">
										<div style="float:left">
											<b>课程缴费信息</b>
										</div>
										<div style="float:right">
											<span class="collapse-btn"><i class="fa fa-angle-down"></i></span>
										</div>
									</div>
									<table class="table table-striped table-hover table-bordered dataTable no-footer text-center">
										<tbody>
											<tr>
												<th class="text-center">收费项目</th>
												<th class="text-center">应缴</th>
												<th class="text-center">实缴</th>
												<th class="text-center">支付方式</th>
												<th class="text-center">欠费</th>
											</tr>
											<tr id="pxtj">
												<td>培训费</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr id="xytj">
												<td>协议费</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr id="fwtj">
												<td>服务费(D)</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr id="jctj">
												<td>教材费(D)</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr id="zltj">
												<td>资料费(D)</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr id="kwtj">
												<td>考务费(D)</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr id="dztj">
												<td>订座费</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr id="hj">
												<td>合计</td>
												<td></td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
										</tbody>
									</table>
									<div class="well">
										<span class="tips">备注:</span> 
									</div>
								</div>

								<div class="well with-header">
									<div class="header bordered-blue">
										<div style="float:left">
											<b>呼入-咨询记录</b>
										</div>
										<div style="float:right">
											<span class="collapse-btn"><i class="fa fa-angle-down"></i></span>
										</div>
									</div>
									<table class="table table-striped table-hover td_border dataTable no-footer">
										<tbody id="conversation">
											<!-- <tr>
												<td>呼入-咨询记录1</td>
											</tr>
											<tr>
												<td>呼入-咨询记录2</td>
											</tr>
											<tr>
												<td>呼入-咨询记录3</td>
											</tr> -->
										</tbody>
									</table>
								</div>
								<div class="well with-header">
									<div class="header bordered-blue">
										<div style="float:left">
											<b>咨询回访记录</b>
										</div>
										<div style="float:right">
											<span class="collapse-btn"><i class="fa fa-angle-down"></i></span>
										</div>
									</div>
									<table class="table table-striped table-hover td_border dataTable no-footer">
										<tbody id="recordContent">
											<!-- <tr>
												<td>回访记录1</td>
											</tr>
											<tr>
												<td>回访记录2</td>
											</tr>
											<tr>
												<td>回访记录3</td>
											</tr> -->
										</tbody>
									</table>
								</div>
								
								<!--<div class="clearfix form-group" style="margin:40px 0px;">
									<div class="col-sm-3 col-xs-3 col-sm-offset-4  col-xs-offset-3">
										<button type="button" class="btn btn-danger btn-lg col-sm-6" data-dismiss="modal">返回
                                </button>
									</div>

									 <div class="col-sm-3  col-xs-3">
										<button type="button" class="btn btn-primary btn-lg col-sm-6">确认</button>
									</div> 
								</div>-->
								
							</div>

						</form>
						<ul class="tab_content tab_net tab_content_11">
							<li>
								<a href="javascript:void(0);"><i class="fa-call"></i>
									<div>
										<p>拨打电话</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);"><i class="fa-message"></i>
									<div>
										<p>发送短信</p>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
		</div>
<!---查看end--->

<script src="${ctx_static }/home/financeCenter/js/yingshou.js"></script>

